<!-- 系统消息 -->
<div class="easyui-layout" data-options="fit:true,border:false">
    <div data-options="region:'north',border:false,height:'auto'" >
        <div class="searchIndex">
            <ul >
                <li>
                    <label>发布时间:</label>
                    <input id="startDate" class="easyui-datebox" editable=false name="orderDataStart" />&nbsp;至&nbsp;
                    <input id="endDate" class="easyui-datebox" editable=false name="orderDataEnd" />
                </li>
                <li>
                    <label>关键字:</label>
                    <input class="base-input" name="orderNo" />
                </li>
                <li>
                    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-searchWin8',plain:true">查询</a>
                </li>
            </ul>
        </div>
    </div>
    <div data-options="region:'center',border:false" >
        <div id="indexButton" style="padding-left:10px;">
            <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-add-win8',plain:true" onClick="$('#addSystemInfoDialog').dialog('open');">发布系统消息</a>
            <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-removeWin8',plain:true" onClick="">批量删除</a>
        </div>
        <table id="addOrderItem" class="easyui-datagrid" data-options="url:'../../json/replyEdit.asp',toolbar:'#indexButton',rownumbers:true,border:false,fit:true,fitColumns:true,nowrap:false,height:350">
            <thead>
                <tr>
                    <th data-options="field:'ck',checkbox:true"></th>
                    <th data-options="field:'id',width:80,align:'center'">ID</th>
                    <th data-options="field:'title',width:80,align:'center'">标题</th>
                    <th data-options="field:'authTime',width:80,align:'center'">发布时间</th>
                    <th data-options="field:'11',width:80,align:'center',formatter:PageObject.gameUserFormatter">操作</th>
                </tr>
            </thead>
        </table>
    </div>
</div>

<!-- 发布系统消息 -->
<div id="addSystemInfoDialog" class="easyui-dialog" data-options="title:'发布系统消息',closable:true,closed:true,modal:true,width:950,height:550,buttons:'#addSystemInfoDialogBtn'">
    <div class="con_form">
        <ul >
            <li>
                <label>标题:</label>
                <input type="text" class="base-input" style="width:750px;" />
            </li>
            <li>
                <label>内容:</label>
                <textarea id="container" style="width:98%;height:400px;"></textarea>
            </li>
        </ul>
    </div>

    <div id="addSystemInfoDialogBtn">
        <center>
            <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-filesavewin8'" onClick="$.messager.alert('提示','发布成功！','info');">发布</a>
            <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-closeWin8'" onClick="$('#addSystemInfoDialog').dialog('close')">关闭</a>
        </center>
    </div>
</div>

<script>
    ;(function($,window, PageObject){

        // 页面初始化
        PageObject.init = function(){

            // 初始化编辑器
            var editor = new UE.ui.Editor();
            editor.render("container");
        };

        // 格式化datagrid(修改最后一列数据为详情)
        PageObject.gameUserFormatter = function (value, row, rowIndex) {
            // 原型中为删除和详情 但没有详情页面，故改为编辑更为合适
            return "<a href='javascript:void(0);' style='color:blue;' onclick='PageObject.gameUserDetail();'>删除</a><a href='javascript:void(0);' style='color:blue;margin-left:10px;' onclick='$(\"#addSystemInfoDialog\").dialog(\"open\");'>编辑</a>";
        };

        PageObject.init();

    })(jQuery,window, window.PageObject = {});

</script>